<template>
	<view name="skeleton">
	  <view class="sk-container">
	    <view class="container  sk-image" style="background:url(https://ossimg.jiumaioda.com/wechat/index_haed.png) no-repeat;background-size:100% 245px;background-color:#F6F6F6;">
	      <view class="navTop  sk-image" style="background:url(https://ossimg.jiumaioda.com/wechat/index_haed.png) no-repeat;background-size:100% 165px;">
	        <view class=" ">
	          <view class="data-v-1194bf80 navbar--data-v-1194bf80">
	            <view class="u-navbar navbar--u-navbar data-v-1194bf80 navbar--data-v-1194bf80 u-navbar-fixed navbar--u-navbar-fixed" style="z-index:980;background:transparent">
	              <view class="u-status-bar navbar--u-status-bar data-v-1194bf80 navbar--data-v-1194bf80" style="height:44px;"></view>
	              <view class="u-navbar-inner navbar--u-navbar-inner data-v-1194bf80 navbar--data-v-1194bf80" style="height:55px;margin-right:94px">
	                <view class="u-slot-content navbar--u-slot-content data-v-1194bf80 navbar--data-v-1194bf80">
	                  <view class="navbar-bglist navbar-bglist   navbar-bglist-z navbar-bglist-z" style="opacity:1;">
	                    <view class="flex flex  ">
	                      <image class="logo  sk-image" mode="heightFix" style="width: 90px;"></image>
	                    </view>
	                    <view class="navbar-rightside navbar-rightside  ">
	                      <view class="navbar-txt navbar-txt  " data-event-opts="tap,jump,/pages/index/selectcity">
	                        <view class="nav-in-txt  sk-transparent sk-text-25-0000-662 sk-text">大岭</view>
	                        <view class="nav-in-icon nav-in-icon  ">
	                          <view class="u-icon icon--u-icon data-v-6e20bb40 icon--data-v-6e20bb40 u-icon--right icon--u-icon--right" data-event-opts="tap,click,$event" style="true">
	                            <text class="u-icon__icon icon--u-icon__icon data-v-6e20bb40 icon--data-v-6e20bb40 uicon-arrow-right icon--uicon-arrow-right u-iconfont icon--u-iconfont sk-pseudo sk-pseudo-circle" data-event-opts="touchstart,touchstart,$event"
	                              style="font-size:13px;font-weight:normal;top:0px;color:#fff"></text>
	                          </view>
	                        </view>
	                      </view>
	                      <view class="navbar-time navbar-time  ">
	                        <text class="nav-in-txt  sk-transparent sk-text-18-4211-301 sk-text">营业时间：11:00-凌晨02:00</text>
	                      </view>
	                    </view>
	                  </view>
	                  <view class="products-box products-box  " style="opacity:0;">
	                    <view class=" " data-event-opts="^click,jump,/pages/categoty/product/search,^input,__set_model,,keyword,$event," style="background-color:#f2f2f2;border-radius:55px;border:1px solid none;height:35px;">
	                      <view class="u-search search--u-search data-v-4c556b40 search--data-v-4c556b40" data-event-opts="tap,clickHandler,$event" style="margin:0;">
	                        <view class="u-content search--u-content data-v-4c556b40 search--data-v-4c556b40" style="background-color:#f2f2f2;border-radius:55px;border:1px solid none;height:35px;">
	                          <view class="u-icon-wrap search--u-icon-wrap data-v-4c556b40 search--data-v-4c556b40">
	                            <view class="u-clear-icon search--u-clear-icon data-v-4c556b40 search--data-v-4c556b40">
	                              <view class="u-icon icon--u-icon data-v-6e20bb40 icon--data-v-6e20bb40 u-icon--right icon--u-icon--right" data-event-opts="tap,click,$event" style="true">
	                                <text class="u-icon__icon icon--u-icon__icon data-v-6e20bb40 icon--data-v-6e20bb40 uicon-search icon--uicon-search u-iconfont icon--u-iconfont sk-pseudo sk-pseudo-circle" data-event-opts="touchstart,touchstart,$event" style="font-size:16px;font-weight:normal;top:0px;color:#606266"></text>
	                              </view>
	                            </view>
	                          </view>
	                          <view class="u-input search--u-input data-v-4c556b40 search--data-v-4c556b40 sk-image" data-event-opts="blur,blur,$event,confirm,search,$event,input,inputChange,$event,focus,getFocus,$event" maxlength="-1" placeholder="搜索商品"
	                            placeholder-class="u-placeholder-class" placeholder-style="color: #909399" style="text-align:left;color:#606266;background-color:#f2f2f2" type="text" value="true" disabled="true"></view>
	                        </view>
	                        <view class="u-action search--u-action data-v-4c556b40 search--data-v-4c556b40 sk-transparent sk-opacity" data-event-opts="tap,custom,$event" style="true">搜索</view>
	                      </view>
	                    </view>
	                  </view>
	                </view>
	                <view class="u-slot-right navbar--u-slot-right data-v-1194bf80 navbar--data-v-1194bf80"></view>
	              </view>
	            </view>
	          </view>
	        </view>
	      </view>
	      <view class=" " data-event-opts="^click,jump,/pages/categoty/product/search,^input,__set_model,,keyword,$event," style="margin-top: 20rpx;">
	        <view class="u-search search--u-search data-v-4c556b40 search--data-v-4c556b40" data-event-opts="tap,clickHandler,$event" style="margin:0;background-color:#ffffff;border-radius:55px;display:flex;flex-direction:row;align-items:center;padding:20rpx 20rpx;justify-content:space-between;">
	          <view class="u-actions search--u-actions data-v-4c556b40 search--data-v-4c556b40 sk-transparent" data-event-opts="tap,custom,$event" style="flex-grow: 1;background-color:#f2f2f2; height: 33rpx; margin-right: 20px;border-radius: 10px;"></view>
	          <view class="u-action search--u-action data-v-4c556b40 search--data-v-4c556b40 sk-transparent" data-event-opts="tap,custom,$event" style="width: 120rpx;background-color:#f2f2f2; height: 33rpx;border-radius: 10px;"></view>
	        </view>
	      </view>
	      <view class="swiper  ">
	        <view class=" " data-event-opts="^click,handleSwiper">
	          <view class="u-swiper-wrap swiper--u-swiper-wrap data-v-a5b2d580 swiper--data-v-a5b2d580" style="border-radius:13px;">
	            <view autoplay="false" circular="true" class="sk-box-swiper data-v-a5b2d580 swiper--data-v-a5b2d580" current="0" data-event-opts="change,change,$event,animationfinish,animationfinish,$event" next-margin="0" previous-margin="0" style="height:176px;">
	                <view class="u-list-image-wrap swiper--u-list-image-wrap data-v-a5b2d580 swiper--data-v-a5b2d580" data-event-opts="tap,listClick,0" style="border-radius:13px;transform:scaleY(1);margin:0;padding:10px;width:auto;">
						<view style="background-color:#f3f4f6;height:140px;width:99%;border-radius: 10px;content:' ';">
							
						</view>
	                </view>
	            </view>
	            <view class="u-swiper-indicator swiper--u-swiper-indicator data-v-a5b2d580 swiper--data-v-a5b2d580" style="top:auto;bottom:6px;justify-content:center;padding:0 13px;">
	              <view class="u-indicator-item-round swiper--u-indicator-item-round data-v-a5b2d580 swiper--data-v-a5b2d580 u-indicator-item-round-active swiper--u-indicator-item-round-active"></view>
	              <view class="u-indicator-item-round swiper--u-indicator-item-round data-v-a5b2d580 swiper--data-v-a5b2d580"></view>
	            </view>
	          </view>
	        </view>
	      </view>
	      <view class="notice notice bg-fff bg-fff  ">
	        <view class="notice-item notice-item flex-align-center flex-align-center  " style="background-color:#fff;border-radius: 13px;padding:6px 15px;">
	          <text style="background-color:#f3f4f6;height:20px;width:80%;border-radius: 10px;">
				  &nbsp;
			  </text>
	        </view>
	      </view>
	      <view class="coupon coupon bg-fff bg-fff flex-space-between flex-space-between  ">
	        <view class="coupon-list coupon-list flex-space-between flex-space-between  ">
	          <scroll-view class=" " scroll-x="true" style="white-space:nowrap;width:342px;">
	            <view class=" ">
	              <view class="coupon-item coupon-item  " data-event-opts="tap,handleCoupon,$0,couponList,,0">
	                <image class=" sk-image"></image>
	              </view>
	              <view class="coupon-item coupon-item  " data-event-opts="tap,handleCoupon,$0,couponList,,1">
	                <image class=" sk-image"></image>
	              </view>
	              <view class="coupon-item coupon-item  " data-event-opts="tap,handleCoupon,$0,couponList,,2">
	                <image class=" sk-image"></image>
	              </view>
	              <view class="coupon-item coupon-item  " data-event-opts="tap,handleCoupon,$0,couponList,,3">
	                <image class=" sk-image"></image>
	              </view>
	            </view>
	          </scroll-view>
	        </view>
	        <view class=" ">
	          <view class="u-icon icon--u-icon data-v-6e20bb40 icon--data-v-6e20bb40 u-icon--right icon--u-icon--right" data-event-opts="tap,click,$event" style="true">
	            <text class="u-icon__icon icon--u-icon__icon data-v-6e20bb40 icon--data-v-6e20bb40 uicon-arrow-right icon--uicon-arrow-right u-iconfont icon--u-iconfont sk-pseudo sk-pseudo-circle" data-event-opts="touchstart,touchstart,$event" style="font-size:22px;font-weight:normal;top:0px;color:#999999"></text>
	          </view>
	        </view>
	      </view>
	      <view class="brand brand bg-fff bg-fff  ">
	        <view class="brand-list brand-list flex-wrap flex-wrap  ">
	          <view class="brand-item brand-item flex-column-center flex-column-center  " data-event-opts="tap,gojump,$0,brandList,,0,access_url">
	            <image class="brand-list-image  sk-image" mode="aspectFit"></image>
	            <view class=" sk-transparent sk-text-14-2857-790 sk-text" style="background-position-x: 50%;">啤酒</view>
	          </view>
	          <view class="brand-item brand-item flex-column-center flex-column-center  " data-event-opts="tap,gojump,$0,brandList,,1,access_url">
	            <image class="brand-list-image  sk-image" mode="aspectFit"></image>
	            <view class=" sk-transparent sk-text-14-2857-837 sk-text" style="background-position-x: 50%;">白酒</view>
	          </view>
	          <view class="brand-item brand-item flex-column-center flex-column-center  " data-event-opts="tap,gojump,$0,brandList,,2,access_url">
	            <image class="brand-list-image  sk-image" mode="aspectFit"></image>
	            <view class=" sk-transparent sk-text-14-2857-502 sk-text" style="background-position-x: 50%;">洋酒</view>
	          </view>
	          <view class="brand-item brand-item flex-column-center flex-column-center  " data-event-opts="tap,gojump,$0,brandList,,3,access_url">
	            <image class="brand-list-image  sk-image" mode="aspectFit"></image>
	            <view class=" sk-transparent sk-text-14-2857-284 sk-text" style="background-position-x: 50%;">葡萄酒</view>
	          </view>
	          <view class="brand-item brand-item flex-column-center flex-column-center  " data-event-opts="tap,gojump,$0,brandList,,4,access_url">
	            <image class="brand-list-image  sk-image" mode="aspectFit"></image>
	            <view class=" sk-transparent sk-text-14-2857-562 sk-text" style="background-position-x: 50%;">鸡尾酒</view>
	          </view>
	          <view class="brand-item brand-item flex-column-center flex-column-center  " data-event-opts="tap,gojump,$0,brandList,,5,access_url">
	            <image class="brand-list-image  sk-image" mode="aspectFit"></image>
	            <view class=" sk-transparent sk-text-14-2857-430 sk-text" style="background-position-x: 50%;">饮料</view>
	          </view>
	          <view class="brand-item brand-item flex-column-center flex-column-center  " data-event-opts="tap,gojump,$0,brandList,,6,access_url">
	            <image class="brand-list-image  sk-image" mode="aspectFit"></image>
	            <view class=" sk-transparent sk-text-14-2857-73 sk-text" style="background-position-x: 50%;">下酒伴侣</view>
	          </view>
	          <view class="brand-item brand-item flex-column-center flex-column-center  " data-event-opts="tap,gojump,$0,brandList,,7,access_url">
	            <image class="brand-list-image  sk-image" mode="aspectFit"></image>
	            <view class=" sk-transparent sk-text-14-2857-908 sk-text" style="background-position-x: 50%;">原浆精酿</view>
	          </view>
	          <view class="brand-item brand-item flex-column-center flex-column-center  " data-event-opts="tap,gojump,$0,brandList,,8,access_url">
	            <image class="brand-list-image  sk-image" mode="aspectFit"></image>
	            <view class=" sk-transparent sk-text-14-2857-43 sk-text" style="background-position-x: 50%;">合作加盟</view>
	          </view>
	          <view class="brand-item brand-item flex-column-center flex-column-center  " data-event-opts="tap,gojump,$0,brandList,,9,access_url">
	            <image class="brand-list-image  sk-image" mode="aspectFit"></image>
	            <view class=" sk-transparent sk-text-14-2857-585 sk-text" style="background-position-x: 50%;">国产风味</view>
	          </view>
	        </view>
	      </view>
	      <view class="product product  ">
	        <view class="tabsBox tabsBox  " style="top:99px;">
	          <view class=" " data-event-opts="^change,tabsChange">
	            <view class="u-tabs tabs--u-tabs data-v-3b2b1a80 tabs--data-v-3b2b1a80" style="background:transparent;">
	              <view class="data-v-3b2b1a80 tabs--data-v-3b2b1a80">
	                <scroll-view class="u-scroll-view tabs--u-scroll-view data-v-3b2b1a80 tabs--data-v-3b2b1a80" scroll-left="0" scroll-with-animation="true" scroll-x="true">
	                  <view class="u-scroll-box tabs--u-scroll-box data-v-3b2b1a80 tabs--data-v-3b2b1a80" id="fc2d8225--u4KrKKQK6IgOWpYwVAYBWpQfFWNv7fZU" style="display: flex;flex-direction: row;">
	                    <view class="u-tab-item tabs--u-tab-item u-line-1 tabs--u-line-1 data-v-3b2b1a80 tabs--data-v-3b2b1a80 sk-transparent" data-event-opts="tap,clickTab,0" id="fc2d8225--u-tab-item-0" style="height:44px;line-height:44px;font-size:16px;transition-duration:0.5s;padding:0 16px;flex:auto;width:auto;font-weight:bold;font-size:17px;">
	                      <view class="data-v-3b2b1a80 tabs--data-v-3b2b1a80" style="height: 17px; width: 50px; background-color: #fff !important;margin: 10px;margin-left: 0;"></view>
						</view>
	                    <view class="u-tab-item tabs--u-tab-item u-line-1 tabs--u-line-1 data-v-3b2b1a80 tabs--data-v-3b2b1a80 sk-transparent" data-event-opts="tap,clickTab,1" id="fc2d8225--u-tab-item-1" style="height:44px;line-height:44px;font-size:16px;transition-duration:0.5s;padding:0 16px;flex:auto;width:auto;color:#303133">
	                      <view class="data-v-3b2b1a80 tabs--data-v-3b2b1a80" style="height: 17px; width: 50px; background-color: #fff !important;margin: 10px;margin-left: 0;"></view>
						</view>
	                    <view class="u-tab-item tabs--u-tab-item u-line-1 tabs--u-line-1 data-v-3b2b1a80 tabs--data-v-3b2b1a80 sk-transparent" data-event-opts="tap,clickTab,2" id="fc2d8225--u-tab-item-2" style="height:44px;line-height:44px;font-size:16px;transition-duration:0.5s;padding:0 16px;flex:auto;width:auto;color:#303133">
							<view class="data-v-3b2b1a80 tabs--data-v-3b2b1a80" style="height: 17px; width: 50px; background-color: #fff !important;margin: 10px;margin-left: 0;"></view>
						</view>
	                    <view class="u-tab-item tabs--u-tab-item u-line-1 tabs--u-line-1 data-v-3b2b1a80 tabs--data-v-3b2b1a80 sk-transparent" data-event-opts="tap,clickTab,2" id="fc2d8225--u-tab-item-2" style="height:44px;line-height:44px;font-size:16px;transition-duration:0.5s;padding:0 16px;flex:auto;width:auto;color:#303133">
							<view class="data-v-3b2b1a80 tabs--data-v-3b2b1a80" style="height: 17px; width: 50px; background-color: #fff !important;margin: 10px;margin-left: 0;"></view>
						</view>
	                    <view class="u-tab-item tabs--u-tab-item u-line-1 tabs--u-line-1 data-v-3b2b1a80 tabs--data-v-3b2b1a80 sk-transparent" data-event-opts="tap,clickTab,4" id="fc2d8225--u-tab-item-4" style="height:44px;line-height:44px;font-size:16px;transition-duration:0.5s;padding:0 16px;flex:auto;width:auto;color:#303133">
							<view class="data-v-3b2b1a80 tabs--data-v-3b2b1a80" style="height: 17px; width: 50px; background-color: #fff !important;margin: 10px;margin-left: 0;"></view>
						</view>
	                  </view>
	                </scroll-view>
	              </view>
	            </view>
	          </view>
	        </view>
	        <view class="product-list product-list flex-space-between flex-space-between flex-wrap flex-wrap  " style="padding-bottom: 30rpx;margin-top: 28rpx; flex-direction:row;box-sizing:border-box;">
	          <view class="sk-product-item bg-fff bg-fff  ">
				<view class="sk-in-product-item data-v-3b2b1a80 tabs--data-v-3b2b1a80"></view>
				<view class="sk-in-product-text data-v-3b2b1a80 tabs--data-v-3b2b1a80"></view>
	          </view>
	          <view class="sk-product-item ml-2 bg-fff bg-fff  ">
				<view class="sk-in-product-item data-v-3b2b1a80 tabs--data-v-3b2b1a80"></view>
				<view class="sk-in-product-text data-v-3b2b1a80 tabs--data-v-3b2b1a80"></view>
	          </view>
			  <view class="sk-product-item  bg-fff bg-fff  ">
				<view class="sk-in-product-item data-v-3b2b1a80 tabs--data-v-3b2b1a80"></view>
				<view class="sk-in-product-text data-v-3b2b1a80 tabs--data-v-3b2b1a80"></view>
			  </view>
			  <view class="sk-product-item ml-2 bg-fff bg-fff  ">
				<view class="sk-in-product-item data-v-3b2b1a80 tabs--data-v-3b2b1a80"></view>
				<view class="sk-in-product-text data-v-3b2b1a80 tabs--data-v-3b2b1a80"></view>
			  </view>
	        </view>
	      </view>
	    </view>
	  </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>
<style lang="scss" scoped>
	.container {
		padding: 0 30rpx;

		.navTop {
			margin: 0 -30rpx;
			z-index: 9999;
			position: sticky;
			top: 0;
		}
		.navbar-bglist-z{
			z-index: 99999;
		}
		.products-box {
			height: 100%;
			width: 65vw;
			padding:12rpx 0 14rpx 30rpx;
			position: absolute;
			top: 0;
			left: 0;
		}
		.navbar-bglist{
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
		}
		.navbar-rightside{
			display: flex;
			flex-direction: column;
			margin-left: 10rpx;
		}
		.navbar-txt{
			font-size: 24rpx;
			line-height: 48rpx;
			color:#fff;
			font-weight: bold;
			display: flex;
			.nav-in-txt{
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				max-width: 200rpx;
			}
			.nav-in-icon{
				margin-left: 8rpx;
				transform: rotate(90deg);
			}
		}
		.navbar-time{
			font-size: 22rpx;
			line-height: 35rpx;
			color:#e3e3e3;
			font-family: Arial, Helvetica, sans-serif;
			.nav-in-txt{
				// padding-left:15rpx;
			}
		}
		
		.logo {
			height: 55rpx;
			margin-left: 15rpx;
		}

		.swiper {
			margin-top: 20rpx;
			overflow: hidden;
		}

		.notice {
			margin-top: 20rpx;
			// height: 64rpx;
			// padding: 8rpx 12rpx;
			border-radius: 100rpx;

			swiper {
				height: 100%;
			}

			.notice-item {

				.notice-item-image {
					width: 48rpx;
					height: 48rpx;
					border-radius: 48rpx;
					margin-right: 8rpx;
					font-size: 24rpx;
					color: #666666;
				}
				.notice-img{
					width: 100%;
					max-height: 120rpx;
				}
				.notice-item-name {
					width: 600rpx;
				}
			}
		}

		.active {
			margin-top: 20rpx;

			.active-item {
				border-radius: 16rpx;
				width: 332rpx;
				height: 254rpx;

				.active-item-title {
					padding: 12rpx 22rpx 22rpx;
					font-size: 28rpx;
					color: #111111;
					font-weight: bold;
				}

				.active-item-product {
					padding: 0 0 22rpx 0;

					.active-item-seckill {
						// flex: 1;
						width: 49%;
					}

					.active-item-product-image {
						width: 108rpx;
						height: 108rpx;
					}

					.active-item-product-price {
						margin-top: 20rpx;
						font-size: 24rpx;
						color: #ffffff;
						width: 136rpx;
						height: 48rpx;
						padding-left: 25rpx;
					}

					.active-item-assemb {
						// flex: 1;
						width: 49%;
					}

					.active-item-product-name {
						font-size: 24rpx;
						color: #9E9E9E;
						margin-top: 20rpx;
						width: 120rpx;
					}
				}
			}
		}

		.coupon {
			margin-top: 22rpx;
			border-radius: 16rpx;
			padding: 16rpx 20rpx;

			.coupon-list {
				// flex: 1;

				.coupon-item {
					display: inline-block;
					margin-right: 20rpx;

					image {
						width: 193rpx;
						height: 112rpx;
					}
				}
			}
		}

		.brand {
			margin-top: 22rpx;
			padding: 26rpx 20rpx;
			border-radius: 16rpx;

			.brand-title {

				image {
					width: 32rpx;
					height: 32rpx;
					margin-right: 10rpx;
				}

				.brand-title-text {
					font-size: 28rpx;
					color: #111111;
					font-weight: bold;
				}

				.brand-title-more {
					font-size: 24rpx;
					color: #666666;
				}
			}

			.brand-list {
				font-size: 24rpx;
				color: #111111;

				.brand-item {
					width: 20%;
					text-align: center;
					margin-top: 20rpx;
					margin-bottom: 15rpx;
					.brand-list-image {
						// width: 84rpx;
						max-width: 104rpx;
						max-height: 104rpx;
						margin-bottom: 10rpx;
						// border-radius: 50%;
					}
				}
			}
		}

		.product {
			margin-top: 20rpx;
			.tabStik {
				background-color: #fff;
				z-index: 9999;
				position: sticky;
				margin: 0 -30rpx;
				padding: 0 30rpx;
			}

			.product-list {
				padding-bottom: 30rpx;
				margin-top: 28rpx;

				.product-item {
					width: 334rpx;
					border-radius: 16rpx;
					margin-bottom: 24rpx;
					overflow: hidden;
				}
				.product-label{
					background: #BB0024;
					padding: 0rpx 10rpx 2rpx 10rpx;
					color: #fff;
					font-size: 12px;
					border-radius: 10rpx;
					margin-right: 10rpx;
				}
				.product-item-image {
					width: 334rpx;
					height: 328rpx;
				}
				.mark-at-top{
					position: absolute;
					z-index: 80;
					width: 120rpx;
					// height: 100rpx;
				}

				.product-con {
					padding: 12rpx 20rpx 18rpx;

					.product-con-name {
						font-size: 26rpx;
						color: #111111;
						font-weight: bold;
						margin-bottom: 14rpx;
						min-height: 68rpx;
					}

					.product-con-price {
						
						view {
							font-size: 32rpx;
							font-weight: bold;
							color: $uni-color-theme;
							
							text {
								color: $uni-color-theme;
								font-size: 24rpx;
								text-decoration: none;
							}
						}
						
						text {
							font-size: 22rpx;
							text-decoration: line-through;
							color: #CCCCCC;
						}
					}
				}
			}
		}

		.notice-popup {
			padding: 30rpx;
			width: 620rpx;
			
			.notice-title {
				margin-bottom: 30rpx;
				font-size: 32rpx;
				font-weight: bold;
				text-align: center;
			}
			
			textarea {
				flex: 1;
			}
		}
		
		::-webkit-scrollbar {
			display: none;
			width: 0 !important;
			height: 0 !important;
			-webkit-appearance: none;
			background: transparent;
			color: transparent;
		}
		
		// /deep/.u-mode-center-box{
		// 	background-color: transparent !important;
		// 	position: relative;
		// 	max-width: 80%;
		// 	max-height: 80%;
		// 	overflow-y: visible;
			.img-popup-top{
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				padding:40rpx 20rpx;
				width: 550rpx;
				position: relative;
				.img-center{
					width: 180rpx;
					display: block;
					margin:10rpx 0 20rpx 0;
				}
				.img-pp-txt{
					font-size: 28rpx;
					line-height: 60rpx;
				}
				.img-pp-btn{
					width: 100%;
					padding:20rpx 0;
					display: flex;
					flex-direction: row;
					justify-content: space-around;
				}
			}
			
		// }
		.popup-box {
			/deep/.u-mode-center-box {
			background: transparent !important;
		}
		.advertisement-popup {
			background: transparent;
			.advertisement-swiper {
				width: 100%;
				height: 800rpx;
				position: relative;
				/deep/ .u-swiper-indicator {
					// bottom:-10px !important;
					.u-indicator-item-round {
						// background-color: rgba(255, 255, 255, 0.9);
						}
					}
				.advertisement-txt {
					font-size: 20rpx;
					padding: 0rpx 10rpx;
					border-radius: 10rpx 10rpx 0rpx 24rpx;
					color: #fff;
					position: absolute;
					left: 0;
					bottom: 0;
					background-color: rgba(255, 255, 255, 0.2);
				}
			}
			.advertisement-close {
				margin-top: 50rpx;
				text-align: center;
			.advertisement-image {
                border-radius: 50%;
				border: 2px solid #fff;
				width: 40rpx;
        		height: 40rpx;
			}

			}
		}
		}
	
		
	}
</style>
<style>
	sk-transparent {
	    color: transparent !important;
	  }
	.sk-animation {
		background: rgb(194, 207, 214);
		animation-duration: 1.5s;
		animation-name: blink;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
	}
	.sk-product-item{
		padding:10px;
		flex-basis: 48%;
		border-radius: 8px;
		margin-bottom: 12px;
		overflow: hidden;
		background-color: #fff;
	}
	.sk-in-product-item{
		height: 120px;
		width: 100%;
		background-color: #EEEEEE;
		
	}
	
	.sk-in-product-text{
		height: 40px;
		width: 100%;
		margin: 5px 0;
		color: #EEEEEE;
		background-color: #EEEEEE;
	}
	.sk-box-swiper{
		background-color: #fff;
	}
	.sk-text-25-0000-662 {
	    background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important;
	    background-size: 100% 47.1014rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-text-18-4211-301 {
	    background-image: linear-gradient(transparent 18.4211%, #EEEEEE 0%, #EEEEEE 81.5789%, transparent 0%) !important;
	    background-size: 100% 34.4203rpx;
	    position: relative !important;
	  }
	.sk-opacity {
	    opacity: 0 !important;
	  }
	.sk-text-14-2857-790 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-837 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-502 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-284 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-562 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-430 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-73 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-908 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-43 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-585 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-image {
	    background: #EFEFEF !important;
	  }
	.sk-pseudo::before, .sk-pseudo::after {
	      background: #EFEFEF !important;
	      background-image: none !important;
	      color: transparent !important;
	      border-color: transparent !important;
	    }
	.sk-pseudo-rect::before, .sk-pseudo-rect::after {
	      border-radius: 0 !important;
	    }
	.sk-pseudo-circle::before, .sk-pseudo-circle::after {
	      border-radius: 50% !important;
	    }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
		z-index: 9988;
		/* padding-top: 180rpx; */
	  }
</style>
